<template>
	<div class="footerNav">
		<div class="foot">
			<div class="footer">
				<!-- 第一行文字 -->
				<ul class="footerText">
					<li>
						<a href="">关于我们</a>
					</li>
					<li>
						<a href="">用户隐私权政策</a>
					</li>
					<li>
						<a href="">用户服务协议</a>
					</li>
					<li>
						<a href="">联系我们</a>
					</li>
				</ul>
				<!-- 两个图标 -->
				<div class="footWxPic">
					<i
						><svg
							t="1666077616980"
							class="icon"
							viewBox="0 0 1024 1024"
							version="1.1"
							xmlns="http://www.w3.org/2000/svg"
							p-id="3596"
							width="24"
							height="24"
						>
							<path
								d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z"
								p-id="3597"
								fill="#dbdbdb"
							></path></svg
					></i>
					<i
						><svg
							t="1666077783512"
							class="icon"
							viewBox="0 0 1024 1024"
							version="1.1"
							xmlns="http://www.w3.org/2000/svg"
							p-id="4623"
							width="24"
							height="24"
						>
							<path
								d="M944.626667 731.686667a149.82 149.82 0 0 0-31.713334-66.313334L758.766667 480.4A148.926667 148.926667 0 0 0 644.046667 426.666667H379.953333a148.926667 148.926667 0 0 0-114.72 53.733333L111.086667 665.373333a149.82 149.82 0 0 0-31.713334 66.313334L58.393333 836.6A85.333333 85.333333 0 0 0 142.066667 938.666667h739.866666a85.333333 85.333333 0 0 0 83.673334-102.066667zM512 725.333333c-94.253333 0-170.666667-47.753333-170.666667-106.666666s76.413333-106.666667 170.666667-106.666667 170.666667 47.753333 170.666667 106.666667-76.413333 106.666667-170.666667 106.666666z m469.333333-405.333333v53.333333a53.393333 53.393333 0 0 1-53.333333 53.333334h-192a53.393333 53.393333 0 0 1-53.333333-53.333334v-53.333333c0-13.253333-16.666667-28.9-43.566667-40.846667C605.506667 264.22 560.366667 256 512 256s-93.506667 8.22-127.1 23.153333C358 291.1 341.333333 306.746667 341.333333 320v53.333333a53.393333 53.393333 0 0 1-53.333333 53.333334H96a53.393333 53.393333 0 0 1-53.333333-53.333334v-53.333333c0-65.666667 50.92-126.08 143.38-170.113333C273.466667 108.26 389.226667 85.333333 512 85.333333s238.533333 22.926667 325.953333 64.553334C930.413333 193.92 981.333333 254.333333 981.333333 320z"
								fill="#dbdbdb"
								p-id="4624"
							></path></svg
					></i>
				</div>
				<div class="footerInfo">
					<p class="firstInfo">
						Copyright &nbsp; © &nbsp; 2010-2022 &nbsp;
						南京爱一格网络科技有限公司 版权所有
					</p>
					<p class="twoInfo">
						经营性许可证编号：&nbsp;&nbsp; 苏B2-20180515&nbsp;&nbsp;
						<img
							src="https://rs.dance365.com/jinying.png"
						/>苏网文〔2021〕4647-106号
					</p>
					<p>苏ICP备20036081号</p>
					<p>
						<img src="https://rs.dance365.com/pc/gongan.png" /> 苏公网安备
						32010602010735号
					</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script setup lang="ts"></script>

<style scoped>
.footerNav {
	width: 100%;
	height: 257px;
	background-color: black;
}

.footerNav .foot {
	width: 1200px;
	height: 100%;
	text-align: center;
	background-color: black;
	color: #b1b5c1;
	font-size: 14px;
	margin: 0 auto;
}

.footerNav .foot .footer {
	box-sizing: border-box;
	padding: 20px 0;
}

.footerText {
	display: flex;
	justify-content: space-around;
}

.footerText li {
	list-style: none;
	width: 277px;
	height: 16px;
	border-right: 1px solid #eee;
}

.footerText li:last-child {
	border-right: none;
}

.footerText li a {
	color: #b1b5c1;
	text-decoration: none;
}

.footWxPic {
	width: 130px;
	height: 24px;
	/* background-color: red; */
	margin: 20px auto 20px;
	display: flex;
	justify-content: space-between;
}
.footWxPic i {
	font-size: 30px;
}
.footerInfo {
	width: 1120px;
	height: 103px;
	line-height: 32px;
}
.footerInfo img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
</style>
